<template>
	<view class="help-content">
		<slot>
			<view class="btn-icon"></view>
		</slot>
		<view class="btn-name">{{this.name}}</view>
	</view>
</template>

<script>
	export default {
		name:"helpButton",
		data() {
			return {
				
			};
		},
		props:{
			name:{
				type:String,
				default:"",
			}
		}
	}
</script>

<style scoped>
.help-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 29%;
	margin: 2%;
	height: 100px;
	background-color: #fff;
	box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.15);
	border-radius: 20px;
}
.btn-icon{
	width: 50%;
}
.btn-name{
	padding-top: 10px;
}
</style>